import * as echarts from 'echarts';
const data11 = () => {
 const option = {
  title: [
    {
      text: "已租",
      x: "center",
      top: "50%",
      textStyle: {
        color: "#FFFFFF88",
        fontSize: 12,
        fontWeight: "100",
      },
    },
    {
      text: "57%",
      x: "center",
      y: "30%",
      textStyle: {
        fontSize: "20",
        color: "#FFFFFF",
        fontFamily: "DINAlternate-Bold, DINAlternate",
        foontWeight: "600",
      },
    },
  ],
  polar: {
    radius: ["75%", "90%"],
    center: ["50%", "50%"],
  },
  angleAxis: {
    max: 100,
    show: false,
  },
  radiusAxis: {
    type: "category",
    show: true,
    axisLabel: {
      show: false,
    },
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false,
    },
  },
  series: [
    {
      name: "",
      type: "bar",
      roundCap: true,
      barWidth: 30,
      showBackground: true,
      backgroundStyle: {
        color: "rgba(66, 66, 66, .3)",
      },
      data: [60],
      coordinateSystem: "polar",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
            {
              offset: 0,
              color: "#29bde1",
            },
            {
              offset: 1,
              color: "#1882fe",
            },
          ]),
        },
      },
    },
    {
      name: "",
      type: "pie",
      startAngle: 80,
      radius: ["56%"],
      hoverAnimation: false,
      center: ["50%", "50%"],
      itemStyle: {
        color: "rgba(66, 66, 66, .1)",
        borderWidth: 1,

      },
      data: [100],
    },
    {
      name: "",
      type: "pie",
      startAngle: 80,
      radius: ["38%"],
      hoverAnimation: false,
      center: ["50%", "50%"],
      itemStyle: {
        color: "rgba(66, 66, 66, .1)",
        borderWidth: 1,

      },
      data: [100],
    },
  ],
};
  const opt = Object.assign({},option);
  return opt;
}

export default {
  data11
}